<div class="container mt-4">
  <div class="header">angular todolist</div>
  <div class="add-box">
    <input #AddTodoInput type="text" class="add-input" placeholder="add todo" />
  </div>
  <div class="list-group">
    <div @slide (@slide.start)="startSlide($event)" (@slide.done)="doneSlide($event)" *ngFor="let todo of todos | async"
      class="list-group-item d-flex align-items-center justify-content-center">
      {{todo.title}}
      <button (click)="delTodo(todo.id)" type="button" class="btn btn-danger btn-sm">删除</button>
    </div>
  </div>
  <div>